<?php
$path_module = base_path().drupal_get_path('module', 'block_slideshow');

?>	
	<script>
	$(document).ready(function(){
		$('.box_skitter_large').skitter({label: false, numbers: false,show_randomly: true,navigation: false,});
		
		$('.box_skitter_small').skitter({label: false, numbers: false, interval: 1000});
		$('.box_skitter_medium').css({width: 500, height: 200}).skitter({show_randomly: true, navigation: false, dots: true, interval: 4000});
		$('.box_skitter_normal').css({width: 400, height: 300}).skitter({animation: 'blind', interval: 2000, hideTools: true});
		
	});
	</script>
	<style>
		.box_skitter_large {width:1000px;height:3	00px;}
		.box_skitter_small {width:200px;height:100px;}
	</style>
	
		<div class="border_box">
			<div class="box_skitter box_skitter_large">
				<ul>
					<li><a href="#cubeRandom"><img src="http://bluewind.vn/userfiles/slide/27.jpg" class="cubeRandom" /></a><div class="label_text"><p>Style</p></div></li>
					<li><a href="#cubeRandom"><img src="http://bluewind.vn/userfiles/slide/28.jpg" class="cubeRandom" /></a><div class="label_text"><p>and Green</p></div></li>
					
					<li><a href="#cubeRandom"><img src="<?php print $path_module ?>/skitterslideshow/images/ShoeFanBanner.jpg" class="cubeRandom" /></a><div class="label_text"><p>cubeRandom</p></div></li>
					<li><a href="#cubeRandom"><img src="<?php print $path_module ?>/skitterslideshow/images/banner_shoes_long.jpg" class="cubeRandom" /></a><div class="label_text"><p>cubeRandom</p></div></li>
				</ul>
			</div>
			
		</div>
	
